<template>
	<!-- 支出汇总组件 -->
	<!-- 支出汇总 -->
	<view class="expend">
		<view class="expendTitle">
			<text class="zhichu">支出汇总</text>
			<text class="danwei">(单位：回收币)</text>
		</view>
		<view class="sumList" @tap="inSumexpenses(1)">
			<view class="list-img">
				<image src="https://huishou.68699.cn/addons/wjyk_recycle/public/static/index/week.png" mode="aspectFill"></image>
			</view>
			<view class="list-content">
				<view class="list-title">本周</view>
				<view class="content">
					<text class="num">支出笔数：{{recycleInfo.weekTotal}}</text>
					<text class="content-coins">支出：{{recycleInfo.weekPrice}}</text>
				</view>
			</view>
			<view class="icon iconfont icon-xiangyoujiantou"></view>
		</view>
		<view class="sumList" @tap="inSumexpenses(2)">
			<view class="list-img">
				<image src="https://huishou.68699.cn/addons/wjyk_recycle/public/static/index/month.png" mode="aspectFill"></image>
			</view>
			<view class="list-content">
				<view class="list-title">本月</view>
				<view class="content">
					<text class="num">支出笔数：{{recycleInfo.monthTotal}}</text>
					<text class="content-coins">支出：{{recycleInfo.monthPrice}}</text>
				</view>
			</view>
			<view class="icon iconfont icon-xiangyoujiantou"></view>
		</view>
		<view class="sumList" @tap="inSumexpenses(3)">
			<view class="list-img">
				<image src="https://huishou.68699.cn/addons/wjyk_recycle/public/static/index/season.png" mode="aspectFill"></image>
			</view>
			<view class="list-content">
				<view class="list-title">本季</view>
				<view class="content">
					<text class="num">支出笔数：{{recycleInfo.weekTotal}}</text>
					<text class="content-coins">支出：{{recycleInfo.weekPrice}}</text>
				</view>
			</view>
			<view class="icon iconfont icon-xiangyoujiantou"></view>
		</view>
		<view class="sumList sumListEnd" @tap="inSumexpenses(4)">
			<view class="list-img">
				<image src="https://huishou.68699.cn/addons/wjyk_recycle/public/static/index/year.png" mode="aspectFill"></image>
			</view>
			<view class="list-content">
				<view class="list-title">本年</view>
				<view class="content">
					<text class="num">支出笔数：{{recycleInfo.yearTotal}}</text>
					<text class="content-coins">支出：{{recycleInfo.yearPrice}}</text>
				</view>
			</view>
			<view class="icon iconfont icon-xiangyoujiantou"></view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			inSumexpenses(value){//点击支出汇总
				uni.navigateTo({
					url:`/otherPages/sumexpenses/sumexpenses?type=${value}`
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	
</style>